<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>我是家长</title>
		<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, maximum-scale=1.0, user-scalable=no" />
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="../../css/mui.min.css">
		<script src="../../js/mui.min.js"></script>
		<script src="../../js/jquery-1.8.3.min.js"></script>
		<style>
			*{
				margin: 0px;
				border: 0px;
				padding: 0px;
			}
			html,
			body {
				font-family: "microsoft yahei";
				background-color: #efeff4;
				color: #616161;
			}
			
			#dv_rightHearder ul li {
				float: left;
			}
			
			#dv_nav ul li {
				font-size: 13px;
				float: left;
				margin-left: 6px;
				margin-right: 6px;
				list-style-type: none;
				color: #909090;
			}
			
			#topPopover {
				position: fixed;
				top: 16px;
				right: 6px;
			}
			
			#topPopover .mui-popover-arrow {
				left: auto;
				right: 6px;
			}
			
		</style>
	</head>

	<body>

		<nav id="nav_dbdh" class="mui-bar mui-bar-tab" style="background-color: #F1ecdf; height: 68px; font-size: 18px;">
			<a id="defaultTab" class="mui-tab-item">
				<img id="sp_zy" src="../../img/index/home48-before_03.png" style="height: 36px; width: 36px;"  /><br />
				<span class="mui-tab-label" style="padding-top: 7px; margin-left: -14px;">&nbsp;&nbsp;主页</span>
			</a>

			<a id="dv_bar_wxy" class="mui-tab-item mui-active">
				<img id="sp_wxy" src="../../img/index/mini46_06.png" style="height: 36px; width: 36px;"  /><br />
				<span class="mui-tab-label" style="padding-top: 7px; margin-left: -10px;">&nbsp;&nbsp;微校园</span>
			</a>

			<a id="dv_bar_grzx" class="mui-tab-item">
				<img id="sp_grzx" src="../../img/index/personal46_10.png" style="height: 36px; width: 36px;"  /><br />
				<span class="mui-tab-label" style="padding-top: 7px; margin-left: -12px;">个人中心</span>
			</a>
		</nav>

		<script>
			/**
			 * 监听底部导航事件，用于更改其背景图标
			 */
			document.getElementById("defaultTab").addEventListener("tap", function() {
				window.title = "家长学校";
				document.getElementById("sp_zy").src = "../../img/index/home-48_03.png";
				document.getElementById("sp_wxy").src = "../../img/index/mini46-before_06.png";
				document.getElementById("sp_grzx").src = "../../img/index/personal46_10.png";
				mui.openWindow({
					url : "test2.html"
				});
			});

			document.getElementById("dv_bar_wxy").addEventListener("tap", function() {
				window.title = "微校园"
				document.getElementById("sp_zy").src = "../../img/index/home48-before_03.png";
				document.getElementById("sp_wxy").src = "../../img/index/mini46_06.png";
				document.getElementById("sp_grzx").src = "../../img/index/personal46_10.png";
			});

			document.getElementById("dv_bar_grzx").addEventListener("tap", function() {
				window.title = "个人中心"
				document.getElementById("sp_zy").src = "../../img/index/home48-before_03.png";
				document.getElementById("sp_wxy").src = "../../img/index/mini46-before_06.png";
				document.getElementById("sp_grzx").src = "../../img/index/icon_03.png";
				mui.openWindow({
					url : "test3.html"
				});
			});
		</script>

		<div class="mui-content" style="width: 100%;">
			<!--
            	作者：xuzhao_deng@sina.com
            	时间：2016-12-01
            	描述：微校园内容
            -->
			<div id="microcampust-content" class="mui-control-content mui-active">
				<!--
                	作者：xuzhao_deng@sina.com
                	时间：2016-12-06
                	描述：微校园标题栏
                -->
				<!--
                	作者：xuzhao_deng@sina.com
                	时间：2016-12-06
                	描述：微校园图片搜索
                -->
				<div id="dv_wxyImg" style="margin-top: -4px;">
					<img src="../../img/wxy/weixiaoyuanguanggao_02.png" style="height: 160px; width: 100%;" />
				</div>

				<!--
                	作者：xuzhao_deng@sina.com
                	时间：2016-12-06
                	描述：微校园导航
                -->
				<div id="dv_wxynav" style="text-align: center; width: 100%; height: 58px; display: flex; color: #909090;" align="center">
					<div style="width: 20%; text-align: center;" align="center">
						<img src="../../img/wxy/xiaoyuanzixun_03.png" style="height: 42px; width: 42px;" />
						<br />
						<span>校园资讯</span>
					</div>
					<div style="width: 20%; text-align: center;">
						<img src="../../img/wxy/jiaoshifenngcai_03.png" style="height: 42px; width: 42px;" />
						<br />
						<span>教师风采</span>
					</div>
					<div style="width: 20%; text-align: center;">
						<img src="../../img/wxy/youxiuxuesheng_06.png" style="height: 42px; width: 42px;" />
						<br />
						<span>优秀学生</span>
					</div>
					<div style="width: 20%; text-align: center;">
						<img src="../../img/wxy/nianjiquan_08.png" style="height: 42px; width: 42px;" />
						<br />
						<span>年级圈</span>
					</div>
					<div style="width: 20%; text-align: center;">
						<img src="../../img/wxy/quanbu_11.png" style="height: 42px; width: 42px;" />
						<br />
						<span>更多</span>
					</div>
				</div><br />

				<!--
                	作者：xuzhao_deng@sina.com
                	时间：2016-12-06
                	描述：面板区
                -->
				<div>
					<div id="sliderSegmentedControl" class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted mui-segmented-control-positive" style="background-color: #F1F4F7;">
						<a class="mui-control-item mui-active" href="#dv_newest">最新</a>
						<a class="mui-control-item" href="#dv_hottest">最热</a>
					</div>

					<div class="mui-content-padded">
						<!--
                        	作者：xuzhao_deng@sina.com
                        	时间：2016-12-06
                        	描述：最新内容区
                        -->
						<div id="dv_newest" class="mui-control-content mui-active" style="width: 100%;">
							<!--下拉刷新容器-->
							<div id="refreshContainer" class="mui-content mui-scroll-wrapper" style="width: 100%; height: 1200px;">
								<div class="mui-scroll" style="width: 100%;">
									<!--数据列表-->
									<ul style="list-style-type: none;">
										<li>
											<div id="dv_newest_content" style="display: flex;">
												<div style="width: 15%; height: 100px; margin-left: 0px;">
													<img src="../../img/wxy/weixiaoyuanguanggao_02.png" height="70" width="70" style="border-radius: 50%; overflow: hidden;" />
												</div>

												<div style="width: 82%; padding-left: 10px;">
													<div id="dv_topnewcontent">
														<div style="height: 70px;">
															<div style="float: left; margin-left: 10px;">
																<span style="color: #646464;">留学那些事</span><br /><br />
																<span style="color: #646464;">作者名</span>
															</div>
															<div style="float: right; margin-top: 50px; font-size: 14px;">
																<a><img src="../../img/wxy/yangjing_03.png">&nbsp;1111</a>
															</div>
														</div>
														<div style="margin-top: -5px;">
															<p style="line-height: 130%; text-indent: 2em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;">
																嗟乎！一人之心，千万人之心也。秦爱纷奢，人亦念其家；奈何取之尽锱铢，用之如泥沙？使负栋之柱，多于南亩之农夫；架梁之椽，多于机上之工女；钉头磷磷，多于在庾之粟粒；瓦缝参差，多于周身之帛缕；直栏横槛，多于九土之城郭；管弦呕哑，多于市人之言语。使天下之人，不敢言而敢怒；独夫之心，日益骄固。戍卒叫，函谷举；楚人一炬，可怜焦土。 呜呼！灭六国者，六国也，非秦也。族秦者，秦也，非天下也。嗟乎！使六国各爱其人，则足以拒秦；使秦复爱六国之人，则递三世可至万世而为君，谁得而族灭也？秦人不暇自哀，而后人哀之；后人哀之而不鉴之，亦使后人而复哀后人也。
															</p>
														</div>
														<div>
															<img src="../../img/wxy/weixiaoyuanguanggao_02.png" height="70" style="width: 32%;" />
															<img src="../../img/wxy/weixiaoyuanguanggao_02.png" height="70" style="width: 32%;" />
															<img src="../../img/wxy/weixiaoyuanguanggao_02.png" height="70" style="width: 32%;" />
														</div>
														<div style="float: right;">
															<p style="font-size: 14px; margin-right: 20px;">发布时间:2016-12-06</p>
														</div>
													</div>
												</div>
											</div>
										</li>

										<li>
											<div id="dv_newest_content" style="display: flex;">
												<div style="width: 15%; height: 100px; margin-left: 0px;">
													<img src="../../img/wxy/weixiaoyuanguanggao_02.png" height="70" width="70" style="border-radius: 50%; overflow: hidden;" />
												</div>

												<div style="width: 82%; padding-left: 10px;">
													<div id="dv_topnewcontent">
														<div style="height: 70px;">
															<div style="float: left; margin-left: 10px;">
																<span style="color: #646464;">留学那些事</span><br /><br />
																<span style="color: #646464;">作者名</span>
															</div>
															<div style="float: right; margin-top: 50px; font-size: 14px;">
																<a><img src="../../img/wxy/yangjing_03.png">&nbsp;1111</a>
															</div>
														</div>
														<div style="margin-top: -5px;">
															<p style="line-height: 130%; text-indent: 2em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;">
																嗟乎！一人之心，千万人之心也。秦爱纷奢，人亦念其家；奈何取之尽锱铢，用之如泥沙？使负栋之柱，多于南亩之农夫；架梁之椽，多于机上之工女；钉头磷磷，多于在庾之粟粒；瓦缝参差，多于周身之帛缕；直栏横槛，多于九土之城郭；管弦呕哑，多于市人之言语。使天下之人，不敢言而敢怒；独夫之心，日益骄固。戍卒叫，函谷举；楚人一炬，可怜焦土。 呜呼！灭六国者，六国也，非秦也。族秦者，秦也，非天下也。嗟乎！使六国各爱其人，则足以拒秦；使秦复爱六国之人，则递三世可至万世而为君，谁得而族灭也？秦人不暇自哀，而后人哀之；后人哀之而不鉴之，亦使后人而复哀后人也。
															</p>
														</div>
														<div>
															<img src="../../img/wxy/weixiaoyuanguanggao_02.png" height="70" style="width: 32%;" />
															<img src="../../img/wxy/weixiaoyuanguanggao_02.png" height="70" style="width: 32%;" />
															<img src="../../img/wxy/weixiaoyuanguanggao_02.png" height="70" style="width: 32%;" />
														</div>
														<div style="float: right;">
															<p style="font-size: 14px; margin-right: 20px;">发布时间:2016-12-06</p>
														</div>
													</div>
												</div>
											</div>
										</li>

										<li>
											<div id="dv_newest_content" style="display: flex;">
												<div style="width: 15%; height: 100px; margin-left: 0px;">
													<img src="../../img/wxy/weixiaoyuanguanggao_02.png" height="70" width="70" style="border-radius: 50%; overflow: hidden;" />
												</div>

												<div style="width: 82%; padding-left: 10px;">
													<div id="dv_topnewcontent">
														<div style="height: 70px;">
															<div style="float: left; margin-left: 10px;">
																<span style="color: #646464;">留学那些事</span><br /><br />
																<span style="color: #646464;">作者名</span>
															</div>
															<div style="float: right; margin-top: 50px; font-size: 14px;">
																<a><img src="../../img/wxy/yangjing_03.png">&nbsp;1111</a>
															</div>
														</div>
														<div style="margin-top: -5px;">
															<p style="line-height: 130%; text-indent: 2em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;">
																嗟乎！一人之心，千万人之心也。秦爱纷奢，人亦念其家；奈何取之尽锱铢，用之如泥沙？使负栋之柱，多于南亩之农夫；架梁之椽，多于机上之工女；钉头磷磷，多于在庾之粟粒；瓦缝参差，多于周身之帛缕；直栏横槛，多于九土之城郭；管弦呕哑，多于市人之言语。使天下之人，不敢言而敢怒；独夫之心，日益骄固。戍卒叫，函谷举；楚人一炬，可怜焦土。 呜呼！灭六国者，六国也，非秦也。族秦者，秦也，非天下也。嗟乎！使六国各爱其人，则足以拒秦；使秦复爱六国之人，则递三世可至万世而为君，谁得而族灭也？秦人不暇自哀，而后人哀之；后人哀之而不鉴之，亦使后人而复哀后人也。
															</p>
														</div>
														<div>
															<img src="../../img/wxy/weixiaoyuanguanggao_02.png" height="70" style="width: 32%;" />
															<img src="../../img/wxy/weixiaoyuanguanggao_02.png" height="70" style="width: 32%;" />
															<img src="../../img/wxy/weixiaoyuanguanggao_02.png" height="70" style="width: 32%;" />
														</div>
														<div style="float: right;">
															<p style="font-size: 14px; margin-right: 20px;">发布时间:2016-12-06</p>
														</div>
													</div>
												</div>
											</div>
										</li>

									</ul>
								</div>
							</div>
						</div>
						<!--
                        	作者：xuzhao_deng@sina.com
                        	时间：2016-12-06
                        	描述：最热内容区
                        -->
						<div id="dv_hottest" class="mui-control-content">
							<ul style="list-style-type: none;">
								<li>
									<div id="dv_newest_content" style="display: flex;">
										<div style="width: 15%; height: 100px; margin-left: 0px;">
											<img src="../../img/wxy/weixiaoyuanguanggao_02.png" height="70" width="70" style="border-radius: 50%; overflow: hidden;" />
										</div>

										<div style="width: 82%; padding-left: 10px;">
											<div id="dv_topnewcontent">
												<div style="height: 70px;">
													<div style="float: left; margin-left: 10px;">
														<span style="color: #646464;">留学那些事</span><br /><br />
														<span style="color: #646464;">作者名</span>
													</div>
													<div style="float: right; margin-top: 50px; font-size: 14px;">
														<a><img src="../../img/wxy/yangjing_03.png">&nbsp;1111</a>
													</div>
												</div>
												<div style="margin-top: -5px;">
													<p style="line-height: 130%; text-indent: 2em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;">
														嗟乎！一人之心，千万人之心也。秦爱纷奢，人亦念其家；奈何取之尽锱铢，用之如泥沙？使负栋之柱，多于南亩之农夫；架梁之椽，多于机上之工女；钉头磷磷，多于在庾之粟粒；瓦缝参差，多于周身之帛缕；直栏横槛，多于九土之城郭；管弦呕哑，多于市人之言语。使天下之人，不敢言而敢怒；独夫之心，日益骄固。戍卒叫，函谷举；楚人一炬，可怜焦土。 呜呼！灭六国者，六国也，非秦也。族秦者，秦也，非天下也。嗟乎！使六国各爱其人，则足以拒秦；使秦复爱六国之人，则递三世可至万世而为君，谁得而族灭也？秦人不暇自哀，而后人哀之；后人哀之而不鉴之，亦使后人而复哀后人也。
													</p>
												</div>
												<div>
													<img src="../../img/wxy/weixiaoyuanguanggao_02.png" height="70" style="width: 32%;" />
													<img src="../../img/wxy/weixiaoyuanguanggao_02.png" height="70" style="width: 32%;" />
													<img src="../../img/wxy/weixiaoyuanguanggao_02.png" height="70" style="width: 32%;" />
												</div>
												<div style="float: right;">
													<p style="font-size: 14px; margin-right: 20px;">发布时间:2016-12-06</p>
												</div>
											</div>
										</div>
									</div>
								</li>
							</ul>
						</div>
					</div>
				</div>

			</div>
		
		</div>
	</body>
	<script src="js/utils/http.utils.js"></script>
	<script>
		
	</script>

</html>